<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.Button-props"><img src="images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.Button-methods"><img src="images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.Button-events"><img src="images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.Button-configs"><img src="images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.Button"><img src="images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>
  <img src="resources/elbow-end.gif"><a href="output/Ext.lib.Component.html" ext:member="" ext:cls="Ext.lib.Component">Component</a>
    <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a>
      <img src="resources/elbow-end.gif">Button</pre></div><h1>Class <a href="source/Button.html#cls-Ext.Button">Ext.Button</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/Button.html#cls-Ext.Button">Button.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Button.html#cls-Ext.Button">Button</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.Tab.html" ext:cls="Ext.Tab">Tab</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Component.html" ext:cls="Ext.Component" ext:member="">Component</a></td></tr></table><div class="description"><p>A simple class to display different styles of buttons.</p>
<h2>Useful Properties</h2>
<ul class="list">
<li><a href="output/Ext.Button.html#Ext.Button-ui" ext:member="ui" ext:cls="Ext.Button">ui</a> (defines the style of the button)</li>
</ul>
<h2>Useful Methods</h2>
<ul class="list">
<li><a href="output/Ext.Button.html#Ext.Button-handler" ext:member="handler" ext:cls="Ext.Button">handler</a> (method to be called when the button is tapped)</li>
</ul>
<h2>Screenshot:</h2>
<p><img src="doc_resources/Ext.Button/screenshot.png" /></p>
<h2>Example code:</h2>
<pre><code><i>// an array of buttons (using xtypes) to be included <b>in</b> the panel below</i>
<b>var</b> buttons = [
    {
        text: <em>'Normal'</em>
    },
    {
        ui  : <em>'round'</em>,
        text: <em>'Round'</em>
    },
    {
        ui  : <em>'small'</em>,
        text: <em>'Small'</em>
    }
];

<b>var</b> panel = <b>new</b> Ext.Panel({
    layout: {
        type : <em>'vbox'</em>,
        pack : <em>'center'</em>,
        align: <em>'stretch'</em>
    },
    defaults: {
        layout: {
            type: <em>'hbox'</em>
        },
        flex: 1,
        defaults: {
            xtype: <em>'button'</em>,
            cls  : <em>'demobtn'</em>,
            flex : 1
        }
    },
    items: [
        {
            items: buttons <i>// buttons array defined above</i>
        },
        {
            items: [
                <b>new</b> Ext.Button({
                    ui  : <em>'decline'</em>,
                    text: <em>'Drastic'</em>
                }),
                {
                    ui  : <em>'decline-round'</em>,
                    text: <em>'Round'</em>
                },
                {
                    ui  : <em>'decline-small'</em>,
                    text: <em>'Small'</em>
                }
            ]
        },
        {
            items: [
                {
                    ui  : <em>'confirm'</em>,
                    text: <em>'Confirm'</em>
                },
                {
                    ui  : <em>'confirm-round'</em>,
                    text: <em>'Round'</em>
                },
                {
                    ui  : <em>'confirm-small'</em>,
                    text: <em>'Small'</em>
                }
            ]
        }
    ]
});</code></pre></div><div class="hr"></div><a id="Ext.Button-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-autoEvent"></a><b><a href="source/Button.html#cfg-Ext.Button-autoEvent">autoEvent</a></b> : String/Object<div class="mdesc">If provided, a handler function is automatically created that fires
the given event in the configured <a href="output/Ext.Button.html#Ext.Button-scope" ext:member="scope" ext:cls="Ext.Button">scope</a>.</div></td><td class="msource">Button</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-badgeCls"></a><b><a href="source/Button.html#cfg-Ext.Button-badgeCls">badgeCls</a></b> : String<div class="mdesc">CSS class for badge
Defaults to <tt>'x-badge'</tt></div></td><td class="msource">Button</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-badgeText"></a><b><a href="source/Button.html#cfg-Ext.Button-badgeText">badgeText</a></b> : String<div class="mdesc">The text to be used for a small badge on the button.
Defaults to <tt>''</tt></div></td><td class="msource">Button</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-baseCls"></a><b><a href="source/Button.html#cfg-Ext.Button-baseCls">baseCls</a></b> : String<div class="mdesc">Base CSS class
Defaults to <tt>'x-button'</tt></div></td><td class="msource">Button</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-border"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-border">border</a></b> : Number/String<div class="mdesc"><div class="short">Specifies the border for this component. The border can be a single numeric value to apply to all sides or
it can be ...</div><div class="long">Specifies the border for this component. The border can be a single numeric value to apply to all sides or
it can be a CSS style specification for each style, for example: '10 5 3 10'.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#border" ext:member="#border" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-centered"></a><b><a href="source/Component.html#cfg-Ext.Component-centered">centered</a></b> : Boolean<div class="mdesc">Center the Component. Defaults to false.</div></td><td class="msource"><a href="output/Ext.Component.html#centered" ext:member="#centered" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-cls"></a><b><a href="source/Button.html#cfg-Ext.Button-cls">cls</a></b> : String<div class="mdesc">A CSS class string to apply to the button's main element.</div></td><td class="msource">Button</td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-componentCls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-componentCls">componentCls</a></b> : String<div class="mdesc">CSS Class to be added to a components root level element to give distinction to it
via styling.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#componentCls" ext:member="#componentCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-componentLayout"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-componentLayout">componentLayout</a></b> : String/Object<div class="mdesc"><div class="short">The sizing and positioning of the component Elements is the responsibility of
the Component's layout manager which cr...</div><div class="long"><br><p>The sizing and positioning of the component Elements is the responsibility of
the Component's layout manager which creates and manages the type of layout specific to the component.
<p>If the <a href="output/Ext.lib.Component.html#Ext.lib.Component-layout" ext:member="layout" ext:cls="Ext.lib.Component">layout</a> configuration is not explicitly specified for
a general purpose compopnent the
<a href="output/Ext.layout.AutoComponentLayout.html" ext:cls="Ext.layout.AutoComponentLayout">default layout manager</a> will be used.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#componentLayout" ext:member="#componentLayout" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-contentEl"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-contentEl">contentEl</a></b> : String<div class="mdesc"><div class="short">Optional. Specify an existing HTML element, or the id of an existing HTML element to use as the content
for this comp...</div><div class="long"><p>Optional. Specify an existing HTML element, or the <code>id</code> of an existing HTML element to use as the content
for this component.</p>
<ul>
<li><b>Description</b> :
<div class="sub-desc">This config option is used to take an existing HTML element and place it in the layout element
of a new component (it simply moves the specified DOM element <i>after the Component is rendered</i> to use as the content.</div></li>
<li><b>Notes</b> :
<div class="sub-desc">The specified HTML element is appended to the layout element of the component <i>after any configured
<a href="output/Ext.lib.Component.html#Ext.lib.Component-html" ext:member="html" ext:cls="Ext.lib.Component">HTML</a> has been inserted</i>, and so the document will not contain this element at the time the <a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a> event is fired.</div>
<div class="sub-desc">The specified HTML element used will not participate in any <code><b><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a></b></code>
scheme that the Component may use. It is just HTML. Layouts operate on child <code><b><a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a></b></code>.</div>
<div class="sub-desc">Add either the <code>x-hidden</code> or the <code>x-hide-display</code> CSS class to
prevent a brief flicker of the content before it is rendered to the panel.</div></li>
</ul></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#contentEl" ext:member="#contentEl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-data"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-data">data</a></b> : Mixed<div class="mdesc">The initial set of data to apply to the <code><a href="output/Ext.lib.Component.html#Ext.lib.Component-tpl" ext:member="tpl" ext:cls="Ext.lib.Component">tpl</a></code> to
update the content area of the Component.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#data" ext:member="#data" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-disabled"></a><b><a href="source/Button.html#cfg-Ext.Button-disabled">disabled</a></b> : Boolean<div class="mdesc">True to start disabled (defaults to false)</div></td><td class="msource">Button</td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-disabledCls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-disabledCls">disabledCls</a></b> : String<div class="mdesc">CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#disabledCls" ext:member="#disabledCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-draggable"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-draggable">draggable</a></b> : Boolean<div class="mdesc">Allows the component to be dragged via the touch event.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#draggable" ext:member="#draggable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-floating"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-floating">floating</a></b> : Boolean<div class="mdesc">Create the Component as a floating and use absolute positioning.
Defaults to false.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#floating" ext:member="#floating" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-floatingCls"></a><b><a href="source/Component.html#cfg-Ext.Component-floatingCls">floatingCls</a></b> : Boolean<div class="mdesc">The class that is being added to this component when its floating.
(defaults to x-floating)</div></td><td class="msource"><a href="output/Ext.Component.html#floatingCls" ext:member="#floatingCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-handler"></a><b><a href="source/Button.html#cfg-Ext.Button-handler">handler</a></b> : Function<div class="mdesc"><div class="short">A function called when the button is clicked (can be used instead of click event).
The handler is passed the followin...</div><div class="long">A function called when the button is clicked (can be used instead of click event).
The handler is passed the following parameters:<div class="mdetail-params"><ul>
<li><code>b</code> : Button<div class="sub-desc">This Button.</div></li>
<li><code>e</code> : EventObject<div class="sub-desc">The click event.</div></li>
</ul></div></div></div></td><td class="msource">Button</td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-height"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-height">height</a></b> : Number<div class="mdesc">The height of this component in pixels.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#height" ext:member="#height" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-hidden"></a><b><a href="source/Button.html#cfg-Ext.Button-hidden">hidden</a></b> : Boolean<div class="mdesc">True to start hidden (defaults to false)</div></td><td class="msource">Button</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hideOnMaskTap"></a><b><a href="source/Component.html#cfg-Ext.Component-hideOnMaskTap">hideOnMaskTap</a></b> : Boolean<div class="mdesc"><div class="short">True to automatically bind a tap listener to the mask that hides the window.
Defaults to true. Note: if you set this ...</div><div class="long">True to automatically bind a tap listener to the mask that hides the window.
Defaults to true. Note: if you set this property to false you have to programmaticaly
hide the overlay.</div></div></td><td class="msource"><a href="output/Ext.Component.html#hideOnMaskTap" ext:member="#hideOnMaskTap" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-html"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-html">html</a></b> : String/Object<div class="mdesc"><div class="short">An HTML fragment, or a DomHelper specification to use as the layout element
content (defaults to ''). The HTML conten...</div><div class="long">An HTML fragment, or a <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> specification to use as the layout element
content (defaults to ''). The HTML content is added after the component is rendered,
so the document will not contain this HTML at the time the <a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a> event is fired.
This content is inserted into the body <i>before</i> any configured <a href="output/Ext.lib.Component.html#Ext.lib.Component-contentEl" ext:member="contentEl" ext:cls="Ext.lib.Component">contentEl</a> is appended.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#html" ext:member="#html" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-icon"></a><b><a href="source/Button.html#cfg-Ext.Button-icon">icon</a></b> : String<div class="mdesc"><div class="short">The path to an image to display in the button (the image will be set as the background-image
CSS property of the butt...</div><div class="long">The path to an image to display in the button (the image will be set as the background-image
CSS property of the button by default, so if you want a mixed icon/text button, set cls:'x-btn-text-icon')</div></div></td><td class="msource">Button</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-iconAlign"></a><b><a href="source/Button.html#cfg-Ext.Button-iconAlign">iconAlign</a></b> : String<div class="mdesc"><div class="short">The alignment of the buttons icon if one has been defined. Valid options 
are 'top', 'right', 'bottom', 'left' (defau...</div><div class="long">The alignment of the buttons icon if one has been defined. Valid options 
are 'top', 'right', 'bottom', 'left' (defaults to 'left').</div></div></td><td class="msource">Button</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-iconCls"></a><b><a href="source/Button.html#cfg-Ext.Button-iconCls">iconCls</a></b> : String<div class="mdesc">A css class which sets a background image to be used as the icon for this button</div></td><td class="msource">Button</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-iconMask"></a><b><a href="source/Button.html#cfg-Ext.Button-iconMask">iconMask</a></b> : Boolean<div class="mdesc">Whether or not to mask the icon with the iconMaskCls configuration. Defaults to false.</div></td><td class="msource">Button</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-iconMaskCls"></a><b><a href="source/Button.html#cfg-Ext.Button-iconMaskCls">iconMaskCls</a></b> : String<div class="mdesc">CSS class to be added to the iconEl when the iconMask config is set to true.
Defaults to 'x-icon-mask'</div></td><td class="msource">Button</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-listeners"></a><b><a href="source/Observable.html#cfg-Ext.util.Observable-listeners">listeners</a></b> : Object<div class="mdesc"><div class="short">A config object containing one or more event handlers to be added to this
object during initialization.  This should ...</div><div class="long"><p>A config object containing one or more event handlers to be added to this
object during initialization.  This should be a valid listeners config object as specified in the
<a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> example for attaching multiple handlers at once.</p>
<br><p><b><u>DOM events from ExtJs <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></u></b></p>
<br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
is usually only done when extra value can be added. For example the <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a>'s
<b><code><a href="output/Ext.DataView.html#Ext.DataView-click" ext:member="click" ext:cls="Ext.DataView">click</a></code></b> event passing the node clicked on. To access DOM
events directly from a a child element of a Component, we need to specify this explicitly:
<pre><code><b>new</b> Ext.Panel({
    width: 400,
    height: 200,
    dockedItems: [{
        xtype: <em>'toolbar'</em>
    }],
    listeners: {
        click: {
            element: <em>'el'</em>, <i>//bind to the underlying el property on the panel</i>
            fn: <b>function</b>(){ console.log(<em>'click el'</em>); }
        },
        dblclick: {
            element: <em>'body'</em>, <i>//bind to the underlying body property on the panel</i>
            fn: <b>function</b>(){ console.log(<em>'dblclick body'</em>); }
        }
    }
});</code></pre>
</p></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#listeners" ext:member="#listeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-margin"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-margin">margin</a></b> : Number/String<div class="mdesc"><div class="short">Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
it can be ...</div><div class="long">Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
it can be a CSS style specification for each style, for example: '10 5 3 10'.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#margin" ext:member="#margin" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-maxHeight"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-maxHeight">maxHeight</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this Component will set its height to.
Warning: This will override any size managem...</div><div class="long"><p>The maximum value in pixels which this Component will set its height to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#maxHeight" ext:member="#maxHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-maxWidth"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-maxWidth">maxWidth</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this Component will set its width to.
Warning: This will override any size manageme...</div><div class="long"><p>The maximum value in pixels which this Component will set its width to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#maxWidth" ext:member="#maxWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-minHeight"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-minHeight">minHeight</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this Component will set its height to.
Warning: This will override any size managem...</div><div class="long"><p>The minimum value in pixels which this Component will set its height to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#minHeight" ext:member="#minHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-minWidth"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-minWidth">minWidth</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this Component will set its width to.
Warning: This will override any size manageme...</div><div class="long"><p>The minimum value in pixels which this Component will set its width to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#minWidth" ext:member="#minWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-modal"></a><b><a href="source/Component.html#cfg-Ext.Component-modal">modal</a></b> : Boolean<div class="mdesc"><div class="short">True to make the Component modal and mask everything behind it when displayed, false to display it without
restrictin...</div><div class="long">True to make the Component modal and mask everything behind it when displayed, false to display it without
restricting access to other UI elements (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Component.html#modal" ext:member="#modal" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-monitorOrientation"></a><b><a href="source/Component.html#cfg-Ext.Component-monitorOrientation">monitorOrientation</a></b> : Boolean<div class="mdesc">Monitor Orientation change</div></td><td class="msource"><a href="output/Ext.Component.html#monitorOrientation" ext:member="#monitorOrientation" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-padding"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-padding">padding</a></b> : Number/String<div class="mdesc"><div class="short">Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
it can b...</div><div class="long">Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
it can be a CSS style specification for each style, for example: '10 5 3 10'.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#padding" ext:member="#padding" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-plugins"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-plugins">plugins</a></b> : Object/Array<div class="mdesc"><div class="short">An object or array of objects that will provide custom functionality for this component.  The only
requirement for a ...</div><div class="long">An object or array of objects that will provide custom functionality for this component.  The only
requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component.
When a component is created, if any plugins are available, the component will call the init method on each
plugin, passing a reference to itself.  Each plugin can then call methods or respond to events on the
component as needed to provide its functionality.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#plugins" ext:member="#plugins" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-pressedCls"></a><b><a href="source/Button.html#cfg-Ext.Button-pressedCls">pressedCls</a></b> : String<div class="mdesc">CSS class when the button is in pressed state
Defaults to <tt>'x-button-pressed'</tt></div></td><td class="msource">Button</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-pressedDelay"></a><b><a href="source/Button.html#cfg-Ext.Button-pressedDelay">pressedDelay</a></b> : Number<div class="mdesc"><div class="short">The amount of delay between the tapstart and the moment we add the pressedCls.
Settings this to true defaults to 100m...</div><div class="long">The amount of delay between the tapstart and the moment we add the pressedCls.
Settings this to true defaults to 100ms</div></div></td><td class="msource">Button</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-renderTo"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-renderTo">renderTo</a></b> : Mixed<div class="mdesc"><div class="short">Specify the id of the element, a DOM element or an existing Element that this component
will be rendered into.
Notes ...</div><div class="long"><p>Specify the id of the element, a DOM element or an existing Element that this component
will be rendered into.</p><div><ul>
<li><b>Notes</b> : <ul>
<div class="sub-desc">Do <u>not</u> use this option if the Component is to be a child item of
a <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>. It is the responsibility of the
<a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>'s <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>
to render and manage its child items.</div>
<div class="sub-desc">When using this config, a call to render() is not required.</div>
</ul></li>
</ul></div>
<p>See <tt><a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-renderTpl"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-renderTpl">renderTpl</a></b> : Mixed<div class="mdesc"><div class="short">An XTemplate used to create the Element which will
encapsulate this Component.
You do not normally need to specify th...</div><div class="long"><p>An <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">XTemplate</a> used to create the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a> which will
encapsulate this Component.</p>
<p>You do not normally need to specify this. For the base classes <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>, <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>,
and <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a>, this defaults to <b><tt>'div'</tt></b>. The more complex Ext classes use a more complex
DOM structure.</p>
<p>This is intended to allow the developer to create application-specific utility Components encapsulated by
different DOM elements.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#renderTpl" ext:member="#renderTpl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-scope"></a><b><a href="source/Button.html#cfg-Ext.Button-scope">scope</a></b> : Object<div class="mdesc">The scope (<tt><b>this</b></tt> reference) in which the
<code><a href="output/Ext.Button.html#Ext.Button-handler" ext:member="handler" ext:cls="Ext.Button">handler</a></code> and <code><a href="output/Ext.Button.html#Ext.Button-toggleHandler" ext:member="toggleHandler" ext:cls="Ext.Button">toggleHandler</a></code> is
executed. Defaults to this Button.</div></td><td class="msource">Button</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-scroll"></a><b><a href="source/Component.html#cfg-Ext.Component-scroll">scroll</a></b> : Mixed<div class="mdesc"><div class="short">Configure the component to be scrollable. Acceptable values are:

'horizontal', 'vertical', 'both' to enabling scroll...</div><div class="long">Configure the component to be scrollable. Acceptable values are:
<ul>
<li>'horizontal', 'vertical', 'both' to enabling scrolling for that direction.</li>
<li>A <a href="output/Ext.util.Scroller.html" ext:cls="Ext.util.Scroller">Scroller</a> configuration.</li>
<li>false to explicitly disable scrolling.</li>
</ul>
Enabling scrolling immediately sets the monitorOrientation config to true (for <a href="output/Ext.Panel.html" ext:cls="Ext.Panel">Panel</a>)</div></div></td><td class="msource"><a href="output/Ext.Component.html#scroll" ext:member="#scroll" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-showAnimation"></a><b><a href="source/Component.html#cfg-Ext.Component-showAnimation">showAnimation</a></b> : Object/String/Boolean<div class="mdesc"><div class="short">The type of animation you want to use when this component is shown. If you set this
this hide animation will automati...</div><div class="long">The type of animation you want to use when this component is shown. If you set this
this hide animation will automatically be the opposite.</div></div></td><td class="msource"><a href="output/Ext.Component.html#showAnimation" ext:member="#showAnimation" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-stopMaskTapEvent"></a><b><a href="source/Component.html#cfg-Ext.Component-stopMaskTapEvent">stopMaskTapEvent</a></b> : Boolean<div class="mdesc">True to stop the event that fires when you click outside the floating component.
Defalts to true.</div></td><td class="msource"><a href="output/Ext.Component.html#stopMaskTapEvent" ext:member="#stopMaskTapEvent" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-style"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-style">style</a></b> : String<div class="mdesc"><div class="short">A custom style specification to be applied to this component's Element.  Should be a valid argument to
Ext.Element.ap...</div><div class="long">A custom style specification to be applied to this component's Element.  Should be a valid argument to
<a href="output/Ext.Element.html#Ext.Element-applyStyles" ext:member="applyStyles" ext:cls="Ext.Element">Ext.Element.applyStyles</a>.
<pre><code><b>new</b> Ext.Panel({
            title: <em>'Some Title'</em>,
            renderTo: Ext.getBody(),
            width: 400, height: 300,
            layout: <em>'form'</em>,
            items: [{
                xtype: <em>'textareafield'</em>,
                style: {
                    width: <em>'95%'</em>,
                    marginBottom: <em>'10px'</em>
                }
            },
            <b>new</b> Ext.Button({
                text: <em>'Send'</em>,
                minWidth: <em>'100'</em>,
                style: {
                    marginBottom: <em>'10px'</em>
                }
            })
            ]
        });</code></pre></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#style" ext:member="#style" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-styleHtmlCls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-styleHtmlCls">styleHtmlCls</a></b> : String<div class="mdesc">The class that is added to the content target when you set styleHtmlContent to true.
Defaults to 'x-html'</div></td><td class="msource"><a href="output/Ext.lib.Component.html#styleHtmlCls" ext:member="#styleHtmlCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-styleHtmlContent"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-styleHtmlContent">styleHtmlContent</a></b> : String<div class="mdesc"><div class="short">True to automatically style the html inside the content target of this component (body for panels).
Defaults to false...</div><div class="long">True to automatically style the html inside the content target of this component (body for panels).
Defaults to false.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#styleHtmlContent" ext:member="#styleHtmlContent" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-text"></a><b><a href="source/Button.html#cfg-Ext.Button-text">text</a></b> : String<div class="mdesc">The button text to be used as innerHTML (html tags are accepted)</div></td><td class="msource">Button</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-tpl"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-tpl">tpl</a></b> : Mixed<div class="mdesc"><div class="short">An Ext.Template, Ext.XTemplate
or an array of strings to form an Ext.XTemplate.
Used in conjunction with the data and...</div><div class="long">An <bold><a href="output/Ext.Template.html" ext:cls="Ext.Template">Ext.Template</a></bold>, <bold><a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a></bold>
or an array of strings to form an Ext.XTemplate.
Used in conjunction with the <code><a href="output/Ext.lib.Component.html#Ext.lib.Component-data" ext:member="data" ext:cls="Ext.lib.Component">data</a></code> and
<code><a href="output/Ext.lib.Component.html#Ext.lib.Component-tplWriteMode" ext:member="tplWriteMode" ext:cls="Ext.lib.Component">tplWriteMode</a></code> configurations.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#tpl" ext:member="#tpl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-tplWriteMode"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-tplWriteMode">tplWriteMode</a></b> : String<div class="mdesc"><div class="short">The Ext.(X)Template method to use when
updating the content area of the Component. Defaults to 'overwrite'
(see Ext.X...</div><div class="long">The Ext.(X)Template method to use when
updating the content area of the Component. Defaults to <tt>'overwrite'</tt>
(see <code><a href="output/Ext.XTemplate.html#Ext.XTemplate-overwrite" ext:member="overwrite" ext:cls="Ext.XTemplate">Ext.XTemplate.overwrite</a></code>).</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#tplWriteMode" ext:member="#tplWriteMode" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-ui"></a><b><a href="source/Button.html#cfg-Ext.Button-ui">ui</a></b> : String<div class="mdesc"><div class="short">Determines the UI look and feel of the button. Valid options are 'normal', 'back', 'round', 'action', 'forward'.
Defa...</div><div class="long">Determines the UI look and feel of the button. Valid options are 'normal', 'back', 'round', 'action', 'forward'.
Defaults to 'normal'.</div></div></td><td class="msource">Button</td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-width"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-width">width</a></b> : Number<div class="mdesc">The width of this component in pixels.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#width" ext:member="#width" ext:cls="Ext.lib.Component">Component</a></td></tr></tbody></table><a id="Ext.Button-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-draggable"></a><b><a href="source/Component1.html#prop-Ext.lib.Component-draggable">draggable</a></b> : Boolean<div class="mdesc">Read-only property indicating whether or not the component can be dragged</div></td><td class="msource"><a href="output/Ext.lib.Component.html#draggable" ext:member="#draggable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-rendered"></a><b><a href="source/Component1.html#prop-Ext.lib.Component-rendered">rendered</a></b> : Boolean<div class="mdesc">Read-only property indicating whether or not the component has been rendered.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#rendered" ext:member="#rendered" ext:cls="Ext.lib.Component">Component</a></td></tr></tbody></table><a id="Ext.Button-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-Button"></a><b><a href="source/Button.html#method-Ext.Button-Button">Button</a></b>(&nbsp;<code>Object&nbsp;config</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The config object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div>button</div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-addCls"></a><b><a href="source/Component1.html#method-Ext.lib.Component-addCls">addCls</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Adds a CSS class to the top level element representing this component.</div><div class="long">Adds a CSS class to the top level element representing this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#addCls" ext:member="#addCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addEvents">addEvents</a></b>(&nbsp;<code>Object|String&nbsp;o</code>,&nbsp;<code>string&nbsp;Optional.</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Adds the specified events to the list of events which this Observable may fire.</div><div class="long">Adds the specified events to the list of events which this Observable may fire.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object|String<div class="sub-desc">Either an object with event names as properties with a value of <code>true</code>
or the first event name string if multiple event names are being passed as separate parameters.</div></li><li><code>Optional.</code> : string<div class="sub-desc">Event name if multiple event names are being passed as separate parameters.
Usage:<pre><code>this.addEvents(<em>'storeloaded'</em>, <em>'storecleared'</em>);</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addEvents" ext:member="#addEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addListener">addListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;options</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Appends an event handler to this object.</div><div class="long">Appends an event handler to this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to listen for.</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
<b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.
properties. This may contain any of the following properties:<ul>
<li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
<b>If omitted, defaults to the object which fired the event.</b></div></li>
<li><b>delay</b> : Number<div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
<li><b>single</b> : Boolean<div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
<li><b>buffer</b> : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="output/Ext.util.DelayedTask.html" ext:cls="Ext.util.DelayedTask">Ext.util.DelayedTask</a> delayed
by the specified number of milliseconds. If the event fires again within that time, the original
handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
<li><b>target</b> : Observable<div class="sub-desc">Only call the handler if the event was fired on the target Observable, <i>not</i>
if the event was bubbled up from a child Observable.</div></li>
<li><b>element</b> : String<div class="sub-desc">The element reference on the component to bind the event to. This is used to bind DOM events to underlying elements on <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a>. - This option is only valid for listeners bound to <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></div></li>
</ul><br>
<p>
<b>Combining Options</b><br>
Using the options argument, it is possible to combine different types of listeners:<br>
<br>
A delayed, one-time listener.
<pre><code>myPanel.on(<em>'hide'</em>, this.onClick, this, {
single: true,
delay: 100
});</code></pre>
<p>
<b>Attaching multiple handlers in 1 call</b><br>
The method also allows for a single argument to be passed which is a config object containing properties
which specify multiple handlers.
<p></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addListener" ext:member="#addListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addManagedListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addManagedListener">addManagedListener</a></b>(&nbsp;<code>Observable|Element&nbsp;item</code>,&nbsp;<code>Object|String&nbsp;ename</code>,&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<code>Object&nbsp;scope</code>,&nbsp;<code>Object&nbsp;opt</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Adds listeners to any Observable object (or Element) which are automatically removed when this Component
is destroyed...</div><div class="long"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
is destroyed.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : Observable|Element<div class="sub-desc">The item to which to add a listener/listeners.</div></li><li><code>ename</code> : Object|String<div class="sub-desc">The event name, or an object containing event name properties.</div></li><li><code>fn</code> : Function<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the handler function.</div></li><li><code>scope</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the scope (<code>this</code> reference) in which the handler function is executed.</div></li><li><code>opt</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> options.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addManagedListener" ext:member="#addManagedListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-clearListeners"></a><b><a href="source/Observable.html#method-Ext.util.Observable-clearListeners">clearListeners</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Removes all listeners for this object including the managed listeners</div><div class="long">Removes all listeners for this object including the managed listeners<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#clearListeners" ext:member="#clearListeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-clearManagedListeners"></a><b><a href="source/Observable.html#method-Ext.util.Observable-clearManagedListeners">clearManagedListeners</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Removes all managed listeners for this object.</div><div class="long">Removes all managed listeners for this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#clearManagedListeners" ext:member="#clearManagedListeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-destroy"></a><b><a href="source/Component1.html#method-Ext.lib.Component-destroy">destroy</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Destroys the Component.</div><div class="long">Destroys the Component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#destroy" ext:member="#destroy" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-disable"></a><b><a href="source/Component1.html#method-Ext.lib.Component-disable">disable</a></b>(&nbsp;<code>Boolean&nbsp;silent</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Disable the component.</div><div class="long">Disable the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>silent</code> : Boolean<div class="sub-desc">Passing true, will supress the 'disable' event from being fired.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#disable" ext:member="#disable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-doComponentLayout"></a><b><a href="source/Component1.html#method-Ext.lib.Component-doComponentLayout">doComponentLayout</a></b>()
    :
                                        Ext.Container<div class="mdesc"><div class="short">This method needs to be called whenever you change something on this component that requires the components
layout to...</div><div class="long">This method needs to be called whenever you change something on this component that requires the components
layout to be recalculated. An example is adding, showing or hiding a docked item to a Panel, or changing the
label of a form field. After a component layout, the container layout will automatically be run. So you could
be on the safe side and always call doComponentLayout instead of doLayout.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#doComponentLayout" ext:member="#doComponentLayout" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-enable"></a><b><a href="source/Component1.html#method-Ext.lib.Component-enable">enable</a></b>(&nbsp;<code>Boolean&nbsp;silent</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Enable the component</div><div class="long">Enable the component<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>silent</code> : Boolean<div class="sub-desc">Passing false will supress the 'enable' event from being fired.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#enable" ext:member="#enable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-enableBubble"></a><b><a href="source/Observable.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>(&nbsp;<code>String/Array&nbsp;events</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
this.getBubbleTarget() if present....</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default
implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
access the required target more quickly.</p>
<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {
<i>//  Add functionality to Field&#39;s initComponent to enable the change event to bubble</i>
initComponent : Ext.createSequence(Ext.form.Field.prototype.initComponent, <b>function</b>() {
    this.enableBubble(<em>'change'</em>);
}),

<i>//  We know that we want Field&#39;s events to bubble directly to the FormPanel.</i>
getBubbleTarget : <b>function</b>() {
    <b>if</b> (!this.formPanel) {
        this.formPanel = this.findParentByType(<em>'form'</em>);
    }
    <b>return</b> this.formPanel;
}
});

<b>var</b> myForm = <b>new</b> Ext.formPanel({
title: <em>'User Details'</em>,
items: [{
    ...
}],
listeners: {
    change: <b>function</b>() {
        <i>// Title goes red <b>if</b> form has been modified.</i>
        myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);
    }
}
});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> : String/Array<div class="sub-desc">The event name to bubble, or an Array of event names.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Object...&nbsp;args</code>&nbsp;)
    :
                                        Boolean<div class="mdesc"><div class="short">Fires the specified event with the passed parameters (minus the event name).
An event may be set to bubble up an Obse...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
<p>An event may be set to bubble up an Observable parent hierarchy (See <a href="output/Ext.Component.html#Ext.Component-getBubbleTarget" ext:member="getBubbleTarget" ext:cls="Ext.Component">Ext.Component.getBubbleTarget</a>)
by calling <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">enableBubble</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to fire.</div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#fireEvent" ext:member="#fireEvent" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-getBadgeText"></a><b><a href="source/Button.html#method-Ext.Button-getBadgeText">getBadgeText</a></b>()
    :
                                        String<div class="mdesc"><div class="short">Gets the text for this Button's badge</div><div class="long">Gets the text for this Button's badge<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The button text</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getBubbleTarget"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getBubbleTarget">getBubbleTarget</a></b>()
    :
                                        Ext.Container<div class="mdesc"><div class="short">Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</div><div class="long">Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">the Container which owns this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getBubbleTarget" ext:member="#getBubbleTarget" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getEl"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getEl">getEl</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Retrieves the top level element representing this component.</div><div class="long">Retrieves the top level element representing this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getEl" ext:member="#getEl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getHeight"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getHeight">getHeight</a></b>()
    :
                                        Number<div class="mdesc"><div class="short">Gets the current height of the component's underlying element.</div><div class="long">Gets the current height of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getHeight" ext:member="#getHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getId"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getId">getId</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Retrieves the id of this component.
Will autogenerate an id if one has not already been set.</div><div class="long">Retrieves the id of this component.
Will autogenerate an id if one has not already been set.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getId" ext:member="#getId" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getInsertPosition"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getInsertPosition">getInsertPosition</a></b>(&nbsp;<code>String/Number/Element/HTMLElement&nbsp;position</code>&nbsp;)
    :
                                        HTMLElement<div class="mdesc"><div class="short">This function takes the position argument passed to onRender and returns a
DOM element that you can use in the insert...</div><div class="long">This function takes the position argument passed to onRender and returns a
DOM element that you can use in the insertBefore.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>position</code> : String/Number/Element/HTMLElement<div class="sub-desc">Index, element id or element you want
to put this component before.</div></li></ul><strong>Returns:</strong><ul><li><code>HTMLElement</code><div class="sub-desc">DOM element that you can use in the insertBefore</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getInsertPosition" ext:member="#getInsertPosition" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getSize"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getSize">getSize</a></b>()
    :
                                        Object<div class="mdesc"><div class="short">Gets the current size of the component's underlying element.</div><div class="long">Gets the current size of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object containing the element's size {width: (element width), height: (element height)}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getSize" ext:member="#getSize" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-getText"></a><b><a href="source/Button.html#method-Ext.Button-getText">getText</a></b>()
    :
                                        String<div class="mdesc"><div class="short">Gets the text for this Button</div><div class="long">Gets the text for this Button<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The button text</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getWidth"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getWidth">getWidth</a></b>()
    :
                                        Number<div class="mdesc"><div class="short">Gets the current width of the component's underlying element.</div><div class="long">Gets the current width of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getWidth" ext:member="#getWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getXTypes"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getXTypes">getXTypes</a></b>()
    :
                                        String<div class="mdesc"><div class="short">Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
available xtypes, see the Ext...</div><div class="long"><p>Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header.</p>
<p><b>If using your own subclasses, be aware that a Component must register its own xtype
to participate in determination of inherited xtypes.</b></p>
<p>Example usage:</p>
<pre><code><b>var</b> t = <b>new</b> Ext.form.Text();
alert(t.getXTypes());  <i>// alerts <em>'component/field/textfield'</em></i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The xtype hierarchy string</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getXTypes" ext:member="#getXTypes" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-hasListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-hasListener">hasListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>&nbsp;)
    :
                                        Boolean<div class="mdesc"><div class="short">Checks to see if this object has any listeners for a specified event</div><div class="long">Checks to see if this object has any listeners for a specified event<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#hasListener" ext:member="#hasListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hide"></a><b><a href="source/Component.html#method-Ext.Component-hide">hide</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Object/String/Boolean&nbsp;animation</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Hide the component</div><div class="long">Hide the component<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>animation</code> : Object/String/Boolean<div class="sub-desc">(optional) Defaults to false.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#hide" ext:member="#hide" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isDisabled"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isDisabled">isDisabled</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is currently disabled.</div><div class="long">Method to determine whether this Component is currently disabled.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the disabled state of this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isDisabled" ext:member="#isDisabled" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isDraggable"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isDraggable">isDraggable</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is draggable.</div><div class="long">Method to determine whether this Component is draggable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the draggable state of this component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isDraggable" ext:member="#isDraggable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isDroppable"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isDroppable">isDroppable</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is droppable.</div><div class="long">Method to determine whether this Component is droppable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the droppable state of this component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isDroppable" ext:member="#isDroppable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isFloating"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isFloating">isFloating</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is floating.</div><div class="long">Method to determine whether this Component is floating.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the floating state of this component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isFloating" ext:member="#isFloating" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isHidden"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isHidden">isHidden</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is currently set to hidden.</div><div class="long">Method to determine whether this Component is currently set to hidden.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the hidden state of this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isHidden" ext:member="#isHidden" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isVisible"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isVisible">isVisible</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Returns true if this component is visible.</div><div class="long">Returns true if this component is visible.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component is visible, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isVisible" ext:member="#isVisible" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isXType"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isXType">isXType</a></b>(&nbsp;<code>String&nbsp;xtype</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;shallow</code>]</span>&nbsp;)
    :
                                        Boolean<div class="mdesc"><div class="short">Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
from th...</div><div class="long"><p>Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
from the xtype (default) or whether it is directly of the xtype specified (shallow = true).</p>
<p><b>If using your own subclasses, be aware that a Component must register its own xtype
to participate in determination of inherited xtypes.</b></p>
<p>For a list of all available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header.</p>
<p>Example usage:</p>
<pre><code><b>var</b> t = <b>new</b> Ext.form.Text();
<b>var</b> isText = t.isXType(<em>'textfield'</em>);        <i>// true</i>
<b>var</b> isBoxSubclass = t.isXType(<em>'field'</em>);       <i>// true, descended from Ext.form.Field</i>
<b>var</b> isBoxInstance = t.isXType(<em>'field'</em>, true); <i>// false, not a direct Ext.form.Field instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String<div class="sub-desc">The xtype to check for this Component</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component descends from the specified xtype, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isXType" ext:member="#isXType" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-on"></a><b><a href="source/Observable.html#method-Ext.util.Observable-on">on</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;options</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Appends an event handler to this object (shorthand for addListener.)</div><div class="long">Appends an event handler to this object (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
<b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#on" ext:member="#on" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-relayEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-relayEvents">relayEvents</a></b>(&nbsp;<code>Object&nbsp;o</code>,&nbsp;<code>Array&nbsp;events</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Relays selected events from the specified Observable as if the events were fired by this.</div><div class="long">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object<div class="sub-desc">The Observable whose events this object is to relay.</div></li><li><code>events</code> : Array<div class="sub-desc">Array of event names to relay.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#relayEvents" ext:member="#relayEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-removeCls"></a><b><a href="source/Component1.html#method-Ext.lib.Component-removeCls">removeCls</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Removes a CSS class from the top level element representing this component.</div><div class="long">Removes a CSS class from the top level element representing this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#removeCls" ext:member="#removeCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-removeListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-removeListener">removeListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Removes an event handler.</div><div class="long">Removes an event handler.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#removeListener" ext:member="#removeListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-removeManagedListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-removeManagedListener">removeManagedListener</a></b>(&nbsp;<code>Observable|Element&nbsp;item</code>,&nbsp;<code>Object|String&nbsp;ename</code>,&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<code>Object&nbsp;scope</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Removes listeners that were added by the mon method.</div><div class="long">Removes listeners that were added by the <a href="output/Ext.util.Observable.html#Ext.util.Observable-mon" ext:member="mon" ext:cls="Ext.util.Observable">mon</a> method.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : Observable|Element<div class="sub-desc">The item from which to remove a listener/listeners.</div></li><li><code>ename</code> : Object|String<div class="sub-desc">The event name, or an object containing event name properties.</div></li><li><code>fn</code> : Function<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the handler function.</div></li><li><code>scope</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the scope (<code>this</code> reference) in which the handler function is executed.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#removeManagedListener" ext:member="#removeManagedListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-resumeEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-resumeEvents">resumeEvents</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Resume firing events. (see suspendEvents)
If events were suspended using the queueSuspended parameter, then all
event...</div><div class="long">Resume firing events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-suspendEvents" ext:member="suspendEvents" ext:cls="Ext.util.Observable">suspendEvents</a>)
If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
events fired during event suspension will be sent to any listeners now.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#resumeEvents" ext:member="#resumeEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-setBadge"></a><b><a href="source/Button.html#method-Ext.Button-setBadge">setBadge</a></b>(&nbsp;<code>String&nbsp;text</code>&nbsp;)
    :
                                        Ext.Button<div class="mdesc"><div class="short">Creates a badge overlay on the button for displaying notifications.</div><div class="long">Creates a badge overlay on the button for displaying notifications.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>text</code> : String<div class="sub-desc">The text going into the badge. If you pass null or undefined the badge will be removed.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setCentered"></a><b><a href="source/Component.html#method-Ext.Component-setCentered">setCentered</a></b>(&nbsp;<code>Boolean&nbsp;centered</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Show this component centered of its parent or the window
This only applies when the component is floating.</div><div class="long">Show this component centered of its parent or the window
This only applies when the component is floating.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>centered</code> : Boolean<div class="sub-desc">True to center, false to remove centering</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setCentered" ext:member="#setCentered" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setDisabled"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setDisabled">setDisabled</a></b>(&nbsp;<code>Boolean&nbsp;disabled</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Enable or disable the component.</div><div class="long">Enable or disable the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>disabled</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setDisabled" ext:member="#setDisabled" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setDocked"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setDocked">setDocked</a></b>()
    :
                                        Component<div class="mdesc"><div class="short">Sets the dock position of this component in its parent panel. Note that
this only has effect if this item is part of ...</div><div class="long">Sets the dock position of this component in its parent panel. Note that
this only has effect if this item is part of the dockedItems collection
of a parent that has a DockLayout (note that any Panel has a DockLayout
by default)<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setDocked" ext:member="#setDocked" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setDraggable"></a><b><a href="source/Component.html#method-Ext.Component-setDraggable">setDraggable</a></b>(&nbsp;<code>Boolean/Mixed&nbsp;draggable</code>,&nbsp;<code>Boolean&nbsp;autoShow</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets a Component as draggable.</div><div class="long">Sets a Component as draggable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>draggable</code> : Boolean/Mixed<div class="sub-desc">On first call, this can be a config object for <a href="output/Ext.util.Draggable.html" ext:cls="Ext.util.Draggable">Ext.util.Draggable</a>.
Afterwards, if set to false, the existing draggable object will be disabled</div></li><li><code>autoShow</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setDraggable" ext:member="#setDraggable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setFloating"></a><b><a href="source/Component.html#method-Ext.Component-setFloating">setFloating</a></b>(&nbsp;<code>Boolean&nbsp;floating</code>,&nbsp;<code>Boolean&nbsp;autoShow</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets a Component as floating.</div><div class="long">Sets a Component as floating.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>floating</code> : Boolean<div class="sub-desc"></div></li><li><code>autoShow</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setFloating" ext:member="#setFloating" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-setHandler"></a><b><a href="source/Button.html#method-Ext.Button-setHandler">setHandler</a></b>(&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
    :
                                        Ext.Button<div class="mdesc"><div class="short">Assigns this Button's click handler</div><div class="long">Assigns this Button's click handler<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>handler</code> : Function<div class="sub-desc">The function to call when the button is clicked</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the handler function is executed.
Defaults to this Button.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setHeight"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setHeight">setHeight</a></b>(&nbsp;<code>Number&nbsp;height</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the height of the component.  This method fires the resize event.</div><div class="long">Sets the height of the component.  This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-resize" ext:member="resize" ext:cls="Ext.lib.Component">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>height</code> : Number<div class="sub-desc">The new height to set. This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new height in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS height style.</li>
<li><i>undefined</i> to leave the height unchanged.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setHeight" ext:member="#setHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-setIcon"></a><b><a href="source/Button.html#method-Ext.Button-setIcon">setIcon</a></b>(&nbsp;<code>String&nbsp;icon</code>&nbsp;)
    :
                                        Ext.Button<div class="mdesc"><div class="short">Sets the background image (inline style) of the button.  This method also changes
the value of the icon config intern...</div><div class="long">Sets the background image (inline style) of the button.  This method also changes
the value of the <a href="output/icon.html" ext:cls="icon">icon</a> config internally.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>icon</code> : String<div class="sub-desc">The path to an image to display in the button. If you pass null or undefined the icon will be removed.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-setIconAlign"></a><b><a href="source/Button.html#method-Ext.Button-setIconAlign">setIconAlign</a></b>(&nbsp;<code>String&nbsp;alignment</code>&nbsp;)
    :
                                        Ext.Button<div class="mdesc"><div class="short">Adds a CSS class to the button that changes the align of the button's icon (if one has been defined).  If no icon or ...</div><div class="long">Adds a CSS class to the button that changes the align of the button's icon (if one has been defined).  If no icon or iconClass has
been defined, it will only set the value of the <a href="output/iconAlign.html" ext:cls="iconAlign">iconAlign</a> internal config.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>alignment</code> : String<div class="sub-desc">The alignment you would like to align the button. Valid options are 'top', 'bottom', 'left', 'right'.
If you pass false, it will remove the current iconAlign. If you pass nothing or an invalid alignment, 
it will default to the last used/default iconAlign.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-setIconClass"></a><b><a href="source/Button.html#method-Ext.Button-setIconClass">setIconClass</a></b>(&nbsp;<code>String&nbsp;cls</code>&nbsp;)
    :
                                        Ext.Button<div class="mdesc"><div class="short">Sets the CSS class that provides a background image to use as the button's icon.  This method also changes
the value ...</div><div class="long">Sets the CSS class that provides a background image to use as the button's icon.  This method also changes
the value of the <a href="output/iconCls.html" ext:cls="iconCls">iconCls</a> config internally.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>cls</code> : String<div class="sub-desc">The CSS class providing the icon image. If you pass null or undefined the iconCls will be removed.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setLoading"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setLoading">setLoading</a></b>(&nbsp;<code>Boolean/Object&nbsp;load</code>,&nbsp;<code>Boolean&nbsp;targetEl</code>&nbsp;)
    :
                                        Ext.LoadMask<div class="mdesc"><div class="short">This method allows you to show or hide a LoadMask on top of this component.</div><div class="long">This method allows you to show or hide a LoadMask on top of this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>load</code> : Boolean/Object<div class="sub-desc">True to show the default LoadMask or a config object
that will be passed to the LoadMask constructor. False to hide the current LoadMask.</div></li><li><code>targetEl</code> : Boolean<div class="sub-desc">True to mask the targetEl of this Component instead of the this.el.
For example, setting this to true on a Panel will cause only the body to be masked. (defaults to false)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.LoadMask</code><div class="sub-desc">The LoadMask instance that has just been shown.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setLoading" ext:member="#setLoading" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setOrientation"></a><b><a href="source/Component.html#method-Ext.Component-setOrientation">setOrientation</a></b>(&nbsp;<code>String&nbsp;orientation</code>,&nbsp;<code>Number/String&nbsp;width</code>,&nbsp;<code>Number/String&nbsp;height</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets the orientation for the Panel.</div><div class="long">Sets the orientation for the Panel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>orientation</code> : String<div class="sub-desc">'landscape' or 'portrait'</div></li><li><code>width</code> : Number/String<div class="sub-desc">New width of the Panel.</div></li><li><code>height</code> : Number/String<div class="sub-desc">New height of the Panel.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setOrientation" ext:member="#setOrientation" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setPosition"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setPosition">setPosition</a></b>(&nbsp;<code>Number&nbsp;left</code>,&nbsp;<code>Number&nbsp;top</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the left and top of the component.  To set the page XY position instead, use setPagePosition.
This method fires ...</div><div class="long">Sets the left and top of the component.  To set the page XY position instead, use <a href="output/Ext.lib.Component.html#Ext.lib.Component-setPagePosition" ext:member="setPagePosition" ext:cls="Ext.lib.Component">setPagePosition</a>.
This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-move" ext:member="move" ext:cls="Ext.lib.Component">move</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>left</code> : Number<div class="sub-desc">The new left</div></li><li><code>top</code> : Number<div class="sub-desc">The new top</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setPosition" ext:member="#setPosition" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setScrollable"></a><b><a href="source/Component.html#method-Ext.Component-setScrollable">setScrollable</a></b>(&nbsp;<code>Mixed&nbsp;config</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets a Component as scrollable.</div><div class="long">Sets a Component as scrollable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Mixed<div class="sub-desc">Acceptable values are a Ext.Scroller configuration, 'horizontal', 'vertical', 'both', and false</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setScrollable" ext:member="#setScrollable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setSize"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setSize">setSize</a></b>(&nbsp;<code>Mixed&nbsp;width</code>,&nbsp;<code>Mixed&nbsp;height</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the width and height of this Component. This method fires the resize event. This method can accept
either width ...</div><div class="long">Sets the width and height of this Component. This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-resize" ext:member="resize" ext:cls="Ext.lib.Component">resize</a> event. This method can accept
either width and height as separate arguments, or you can pass a size object like <code>{width:10, height:20}</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> : Mixed<div class="sub-desc">The new width to set. This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new width in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS width style.</li>
<li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>
<li><code>undefined</code> to leave the width unchanged.</li>
</ul></div></div></li><li><code>height</code> : Mixed<div class="sub-desc">The new height to set (not required if a size object is passed as the first arg).
This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new height in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
<li><code>undefined</code> to leave the height unchanged.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setSize" ext:member="#setSize" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-setText"></a><b><a href="source/Button.html#method-Ext.Button-setText">setText</a></b>(&nbsp;<code>String&nbsp;text</code>&nbsp;)
    :
                                        Ext.Button<div class="mdesc"><div class="short">Sets this Button's text</div><div class="long">Sets this Button's text<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>text</code> : String<div class="sub-desc">The button text. If you pass null or undefined the text will be removed.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setVisible"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setVisible">setVisible</a></b>(&nbsp;<code>Boolean&nbsp;visible</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Convenience function to hide or show this component by boolean.</div><div class="long">Convenience function to hide or show this component by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>visible</code> : Boolean<div class="sub-desc">True to show, false to hide</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setVisible" ext:member="#setVisible" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setWidth"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setWidth">setWidth</a></b>(&nbsp;<code>Number&nbsp;width</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the width of the component.  This method fires the resize event.</div><div class="long">Sets the width of the component.  This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-resize" ext:member="resize" ext:cls="Ext.lib.Component">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> : Number<div class="sub-desc">The new width to setThis may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new width in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS width style.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setWidth" ext:member="#setWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-show"></a><b><a href="source/Component.html#method-Ext.Component-show">show</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Object/String/Boolean&nbsp;animation</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Show the component.</div><div class="long">Show the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>animation</code> : Object/String/Boolean<div class="sub-desc">(optional) Defaults to false.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#show" ext:member="#show" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-showBy"></a><b><a href="source/Component.html#method-Ext.Component-showBy">showBy</a></b>(&nbsp;<code>Mixed&nbsp;alignTo</code>,&nbsp;<code>Object/String/Boolean&nbsp;animation</code>,&nbsp;<code>Boolean&nbsp;allowOnSide</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Show this component relative another component or element.</div><div class="long">Show this component relative another component or element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>alignTo</code> : Mixed<div class="sub-desc">Element or Component</div></li><li><code>animation</code> : Object/String/Boolean<div class="sub-desc"></div></li><li><code>allowOnSide</code> : Boolean<div class="sub-desc">true to allow this element to be aligned on the left or right.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#showBy" ext:member="#showBy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-suspendEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-suspendEvents">suspendEvents</a></b>(&nbsp;<code>Boolean&nbsp;queueSuspended</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Suspend the firing of all events. (see resumeEvents)</div><div class="long">Suspend the firing of all events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a>)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>queueSuspended</code> : Boolean<div class="sub-desc">Pass as true to queue up suspended events to be fired
after the <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a> call instead of discarding all suspended events;</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#suspendEvents" ext:member="#suspendEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-un"></a><b><a href="source/Observable.html#method-Ext.util.Observable-un">un</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Removes an event handler (shorthand for removeListener.)</div><div class="long">Removes an event handler (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-removeListener" ext:member="removeListener" ext:cls="Ext.util.Observable">removeListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#un" ext:member="#un" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-update"></a><b><a href="source/Component1.html#method-Ext.lib.Component-update">update</a></b>(&nbsp;<code>Mixed&nbsp;htmlOrData</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;loadScripts</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Function&nbsp;callback</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Update the content area of a component.</div><div class="long">Update the content area of a component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>htmlOrData</code> : Mixed<div class="sub-desc">If this component has been configured with a template via the tpl config
then it will use this argument as data to populate the template.
If this component was not configured with a template, the components
content area will be updated via Ext.Element update</div></li><li><code>loadScripts</code> : Boolean<div class="sub-desc">(optional) Only legitimate when using the html configuration. Defaults to false</div></li><li><code>callback</code> : Function<div class="sub-desc">(optional) Only legitimate when using the html configuration. Callback to execute when scripts have finished loading</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#update" ext:member="#update" ext:cls="Ext.lib.Component">Component</a></td></tr></tbody></table><a id="Ext.Button-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-activate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-activate">activate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after a Component has been visually activated.</div><div class="long">Fires after a Component has been visually activated.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#activate" ext:member="#activate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-added"></a><b><a href="source/Component1.html#event-Ext.lib.Component-added">added</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Ext.Container&nbsp;container</code>,&nbsp;<code>Number&nbsp;pos</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after a Component had been added to a Container.</div><div class="long">Fires after a Component had been added to a Container.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>container</code> : Ext.Container<div class="sub-desc">Parent Container</div></li><li><code>pos</code> : Number<div class="sub-desc">position of Component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#added" ext:member="#added" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-afterrender"></a><b><a href="source/Component1.html#event-Ext.lib.Component-afterrender">afterrender</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component rendering is finished.
The afterrender event is fired after this Component has been rendere...</div><div class="long"><p>Fires after the component rendering is finished.</p>
<p>The afterrender event is fired after this Component has been <a href="output/Ext.lib.Component.html#Ext.lib.Component-rendered" ext:member="rendered" ext:cls="Ext.lib.Component">rendered</a>, been postprocesed
by any afterRender method defined for the Component, and, if <a href="output/Ext.lib.Component.html#Ext.lib.Component-stateful" ext:member="stateful" ext:cls="Ext.lib.Component">stateful</a>, after state
has been restored.</p><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#afterrender" ext:member="#afterrender" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforeactivate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforeactivate">beforeactivate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before a Component has been visually activated.
Returning false from an event listener can prevent the activate...</div><div class="long">Fires before a Component has been visually activated.
Returning false from an event listener can prevent the activate
from occurring.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforeactivate" ext:member="#beforeactivate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforedeactivate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforedeactivate">beforedeactivate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before a Component has been visually deactivated.
Returning false from an event listener can prevent the deacti...</div><div class="long">Fires before a Component has been visually deactivated.
Returning false from an event listener can prevent the deactivate
from occurring.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforedeactivate" ext:member="#beforedeactivate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforedestroy"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforedestroy">beforedestroy</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is destroyed. Return false from an event handler to stop the destroy.</div><div class="long">Fires before the component is <a href="output/Ext.lib.Component.html#Ext.lib.Component-destroy" ext:member="destroy" ext:cls="Ext.lib.Component">destroy</a>ed. Return false from an event handler to stop the <a href="output/Ext.lib.Component.html#Ext.lib.Component-destroy" ext:member="destroy" ext:cls="Ext.lib.Component">destroy</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforedestroy" ext:member="#beforedestroy" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforehide"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforehide">beforehide</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is hidden when calling the hide method.
Return false from an event handler to stop the hid...</div><div class="long">Fires before the component is hidden when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-hide" ext:member="hide" ext:cls="Ext.lib.Component">hide</a> method.
Return false from an event handler to stop the hide.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforehide" ext:member="#beforehide" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforeorientationchange"></a><b><a href="source/Component.html#event-Ext.Component-beforeorientationchange">beforeorientationchange</a></b> :
                                      (&nbsp;<code>Ext.Panel&nbsp;this</code>,&nbsp;<code>String&nbsp;orientation</code>,&nbsp;<code>Number&nbsp;width</code>,&nbsp;<code>Number&nbsp;height</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the orientation changes, if the monitorOrientation
configuration is set to true. Return false to stop th...</div><div class="long">Fires before the orientation changes, if the monitorOrientation
configuration is set to true. Return false to stop the orientation change.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Panel<div class="sub-desc"></div></li><li><code>orientation</code> : String<div class="sub-desc">'landscape' or 'portrait'</div></li><li><code>width</code> : Number<div class="sub-desc"></div></li><li><code>height</code> : Number<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforeorientationchange" ext:member="#beforeorientationchange" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforerender"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforerender">beforerender</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is rendered. Return false from an
event handler to stop the render.</div><div class="long">Fires before the component is <a href="output/Ext.lib.Component.html#Ext.lib.Component-rendered" ext:member="rendered" ext:cls="Ext.lib.Component">rendered</a>. Return false from an
event handler to stop the <a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforerender" ext:member="#beforerender" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforeshow"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforeshow">beforeshow</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is shown when calling the show method.
Return false from an event handler to stop the show...</div><div class="long">Fires before the component is shown when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-show" ext:member="show" ext:cls="Ext.lib.Component">show</a> method.
Return false from an event handler to stop the show.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforeshow" ext:member="#beforeshow" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-beforetap"></a><b><a href="source/Button.html#event-Ext.Button-beforetap">beforetap</a></b> :
                                      (&nbsp;<code>Ext.Button&nbsp;this</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires when the button is tapped but before we call the handler or fire the tap event.
Return false in a handler to pr...</div><div class="long">Fires when the button is tapped but before we call the handler or fire the tap event.
Return false in a handler to prevent this.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Button<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">Button</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-deactivate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-deactivate">deactivate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after a Component has been visually deactivated.</div><div class="long">Fires after a Component has been visually deactivated.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#deactivate" ext:member="#deactivate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-destroy"></a><b><a href="source/Component1.html#event-Ext.lib.Component-destroy">destroy</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is destroyed.</div><div class="long">Fires after the component is <a href="output/Ext.lib.Component.html#Ext.lib.Component-destroy" ext:member="destroy" ext:cls="Ext.lib.Component">destroy</a>ed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#destroy" ext:member="#destroy" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-disable"></a><b><a href="source/Component1.html#event-Ext.lib.Component-disable">disable</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is disabled.</div><div class="long">Fires after the component is disabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#disable" ext:member="#disable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-enable"></a><b><a href="source/Component1.html#event-Ext.lib.Component-enable">enable</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is enabled.</div><div class="long">Fires after the component is enabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#enable" ext:member="#enable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-hide"></a><b><a href="source/Component1.html#event-Ext.lib.Component-hide">hide</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is hidden.
Fires after the component is hidden when calling the hide method.</div><div class="long">Fires after the component is hidden.
Fires after the component is hidden when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-hide" ext:member="hide" ext:cls="Ext.lib.Component">hide</a> method.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#hide" ext:member="#hide" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-move"></a><b><a href="source/Component1.html#event-Ext.lib.Component-move">move</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Number&nbsp;x</code>,&nbsp;<code>Number&nbsp;y</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is moved.</div><div class="long">Fires after the component is moved.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>x</code> : Number<div class="sub-desc">The new x position</div></li><li><code>y</code> : Number<div class="sub-desc">The new y position</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#move" ext:member="#move" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-orientationchange"></a><b><a href="source/Component.html#event-Ext.Component-orientationchange">orientationchange</a></b> :
                                      (&nbsp;<code>Ext.Panel&nbsp;this</code>,&nbsp;<code>String&nbsp;orientation</code>,&nbsp;<code>Number&nbsp;width</code>,&nbsp;<code>Number&nbsp;height</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires when the orientation changes, if the monitorOrientation
configuration is set to true.</div><div class="long">Fires when the orientation changes, if the monitorOrientation
configuration is set to true.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Panel<div class="sub-desc"></div></li><li><code>orientation</code> : String<div class="sub-desc">'landscape' or 'portrait'</div></li><li><code>width</code> : Number<div class="sub-desc"></div></li><li><code>height</code> : Number<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#orientationchange" ext:member="#orientationchange" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-removed"></a><b><a href="source/Component1.html#event-Ext.lib.Component-removed">removed</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Ext.Container&nbsp;ownerCt</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires when a component is removed from an Ext.Container</div><div class="long">Fires when a component is removed from an Ext.Container<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>ownerCt</code> : Ext.Container<div class="sub-desc">Container which holds the component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#removed" ext:member="#removed" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-render"></a><b><a href="source/Component1.html#event-Ext.lib.Component-render">render</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component markup is rendered.</div><div class="long">Fires after the component markup is <a href="output/Ext.lib.Component.html#Ext.lib.Component-rendered" ext:member="rendered" ext:cls="Ext.lib.Component">rendered</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#render" ext:member="#render" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-resize"></a><b><a href="source/Component1.html#event-Ext.lib.Component-resize">resize</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Number&nbsp;adjWidth</code>,&nbsp;<code>Number&nbsp;adjHeight</code>,&nbsp;<code>Number&nbsp;rawWidth</code>,&nbsp;<code>Number&nbsp;rawHeight</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is resized.</div><div class="long">Fires after the component is resized.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>adjWidth</code> : Number<div class="sub-desc">The box-adjusted width that was set</div></li><li><code>adjHeight</code> : Number<div class="sub-desc">The box-adjusted height that was set</div></li><li><code>rawWidth</code> : Number<div class="sub-desc">The width that was originally specified</div></li><li><code>rawHeight</code> : Number<div class="sub-desc">The height that was originally specified</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#resize" ext:member="#resize" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-show"></a><b><a href="source/Component1.html#event-Ext.lib.Component-show">show</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is shown when calling the show method.</div><div class="long">Fires after the component is shown when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-show" ext:member="show" ext:cls="Ext.lib.Component">show</a> method.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#show" ext:member="#show" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Button-tap"></a><b><a href="source/Button.html#event-Ext.Button-tap">tap</a></b> :
                                      (&nbsp;<code>Ext.Button&nbsp;this</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires when the button is tapped.</div><div class="long">Fires when the button is tapped.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Button<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">Button</td></tr></tbody></table></div>